import { enterAnimationPlugin } from "./plugins/tailwindcss";

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    screens: {
      "sm": { min: "640px" },
      "md": { min: "768px" },
      "lg": { min: "1024px" },
      "xl": { min: "1280px" },
      "2xl": { min: "1536px" },
      "lt-sm": { max: "640px" },
      "lt-md": { max: "768px" },
      "lt-lg": { max: "1024px" },
      "lt-xl": { max: "1280px" },
      "lt-2xl": { max: "1536px" }
    },
    extend: {}
  },
  plugins: [enterAnimationPlugin]
};
